<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        
        <meta 
        	name="viewport" 
        	content="user-scalable=no, 
        	initial-scale=1, 
        	maximum-scale=1, 
        	minimum-scale=1, 
        	width=device-width, 
        	height=device-height" />
        
			<! load styles>
        <link rel="stylesheet" href="../../css/users.min.css" />
        <link rel="stylesheet" href="../../css/structure.min.css" />
        <link rel="stylesheet" href="../../css/main.css" />
        
        	<! load jquery mobile>
        <script type="text/javascript" charset="utf-8" src="../../libs/jquery.js"></script>
        <script type="text/javascript" charset="utf-8" src="../../libs/jquery.mobile-1.4.0.min.js"></script>
        		
        	<! for use phonegap functions needs cordova>	
        <script type="text/javascript" charset="utf-8" src="../../libs/cordova-2.3.0.js"></script>
  			
  			<! libs>
  		<script type="text/javascript" charset="utf-8" src="../../js/colors.js"></script>	
  		<script type="text/javascript" charset="utf-8" src="../../js/general.js"></script>		
  			
  	</head>		
    
    <body>
        
        <div data-role="page" id="options" data-theme="b">
            <div data-role="header" data-position="fixed">
				<p id="p_head"> Настройки темы </p>
            </div>
            
		    <ul data-role="listview" id="list">
	         	<li id="b" onClick="liOnClick(this.id);">
        			<div id="div_style">Стандартная</div>
            	</li>
            	
            	<li id="c" onClick="liOnClick(this.id);">
        			<div id="div_style">Красная</div>
            	</li>
            	
            	<li id="d" onClick="liOnClick(this.id);">
        			<div id="div_style">Синия</div>
            	</li>
            	
            	<li id="e" onClick="liOnClick(this.id);">
        			<div id="div_style">Желтая</div>
            	</li>
            	
            	<li id="a" onClick="liOnClick(this.id);">
        			<div id="div_style">Белая</div>
            	</li>
            	
            	<li id="f" onClick="liOnClick(this.id);">
        			<div id="div_style">Голубая</div>
            	</li>
		    </ul>
		    
		    <fieldset style="margin-top:0.5em; border-width:3px">
		    	<label for="slider-s" id="slider_label">Размер:</label>
    			<input type="range" id="slider-s" value="0" min="-50" max="50" data-highlight="true">
	    	</fieldset>
	    	
	    	<fieldset class="ui-grid-a" style="margin-top:0.5em; border-width:3px">
			    <div class="ui-block-a" style="width:60%">
				    <label for="flipswitch" style="font-size:1.5em; margin-top:0.4em;">Затухание: </label>
			    </div>
			    <div class="ui-block-b" style="width:40%">			    
				    <div class="containing-element">
						<select name="flip-min" id="flipswitch" data-role="slider">
							<option value="off">выкл</option>
							<option value="on">вкл</option>
						</select>
					</div>
				</div>
			</fieldset>
	    </div>
	    
	</body>
    
</html>